<template>
  <view class="page-color pa-3 height-100vh">
    <view class="wallet-card">
      <view class="remarks" @click="showRemarkPopup = true">说明</view>
      <view>余额</view>
      <view class="balance">{{ '0.00' }}</view>
      <view>累计提现:0</view>
      <view class="apply-btn" @click="handApplyWithdraw">申请提现</view>
    </view>
    <nut-cell-group>
      <nut-cell
        title="我的账单"
        desc="¥0.00"
        is-link
        @click="Taro.navigateTo({ url: '/pages/user/wallet/details/index' })"
      ></nut-cell>
      <nut-cell
        title="提现记录"
        is-link
        @click="Taro.navigateTo({ url: '/pages/user/wallet/details/index' })"
      ></nut-cell>
    </nut-cell-group>
    <nut-popup v-model:visible="showRemarkPopup" closeable round position="bottom" safe-area-inset-bottom>
      <view>
        <view class="pa-3">规则说明</view>
        <view class="content-text pa-3">
          <view>1. 每日最多可提现1次</view>
          <view>2. 单次提现金额最低10元</view>
          <view>3. 每次提现无论金额多少收取6%的提现手续费</view>
          <view>4. 提现到账为审核通过后的1至3个工作日</view>
          <view>5. 每个用户每日提现限额2万元</view>
          <view style="height: 50px"></view>
        </view>
      </view>
    </nut-popup>
  </view>
</template>

<script setup lang="ts">
import './index.less';
import Taro from '@tarojs/taro';
import { ref } from 'vue';

const showRemarkPopup = ref(false);
const handApplyWithdraw = () => {
  Taro.showToast({ title: '余额不足', icon: 'error' });
};
</script>
